<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@include file="../base.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- 引入 ECharts 文件 -->
<script src="${yp}/assets/js/echarts.js"></script>
<script src="${yp}/assets/js/jquery-1.4.2.js"></script>
</head>
<body>
	<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
	<div id="main"
		style="width: 1200px; height: 600px; position: absolute; left: 22%; margin-left: -180px;"></div>
	<script type="text/javascript">
		// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('main'));
		var data_yp;
		//异步获取数据
		$.get("/echarts/site_salary", function(data) {
			data_yp = data;
			//饼图
			myChart.setOption({
				title : {
					text : '热门职位需求',
					x : 'center'
				},
				tooltip : {
					trigger : 'item',
					formatter : "{a} <br/>{b} : {c}/人"
				},
				//一个系列
				series : [ {
					name : '人数',
					type : 'pie',
					radius : [ 20, 250 ],
					data : data_yp,
					roseType : 'angle',//通过半径表示数据的大小
				} ]
			})

		})
	</script>
</body>
</html>